<h4>Absensi Siswa</h4>

<?php if($select_tahun->num_rows() > 0): ?>
<form id="form_absensi" class="rnd5" method="POST" action="">
    <table style="border: none;width: auto;">
        <tr>
            <td style="vertical-align: middle">Tahun Pelajaran</td>
            <td style="vertical-align: middle">
                <select name="id_tahun">
                <?php
                        foreach($select_tahun->result() as $pilih_tahun) 
                        {
                                $cek = '';
                                if($id_tahun == $pilih_tahun->id_tahun) $cek = 'selected';
                                echo '<option value="'.$this->encrypt->encode($pilih_tahun->id_tahun).'" '.$cek.'>'.$pilih_tahun->tahun_angkatan.'</option>';
                        }
                ?>
                </select>
            </td>
        </tr>
        <tr>
            <td></td>
            <td style="vertical-align: middle">
                <input class="button small orange" type="submit" value="LIHAT ABSENSI" />
            </td>
        </tr>
    </table>
</form>


<hr/>

<div id="loading"></div>
<div id="hasil_mata_pelajaran">
	
</div>
<script>
    jQuery(document).ready(function() {
	jQuery('#form_absensi').submit(function(eve) {
            eve.preventDefault();

            jQuery.ajax({
                url: "<?php echo site_url("absen_siswa/data") ?>",
                type: "POST",
                dataType: "html",
                data: jQuery(this).serialize(),
                beforeSend: function() {
                    jQuery('#hasil_mata_pelajaran').fadeOut('fast');
                    jQuery('#loading').html('<div align="center"><img src="<?php echo base_url("data/style/admin/img/loaders/loader19.gif") ?>" /></div>').fadeIn('slow');
                },
                error: function()
                {
                    jQuery('#loading').fadeOut('fast');
                    jQuery('#hasil_mata_pelajaran').fadeOut('slow', function() {
                        jQuery('#hasil_mata_pelajaran').html('<div align="center">- Data Tidak Ditemukan -</div>').fadeIn('slow');
                    });
                },
                success: function(html) {
                    jQuery('#loading').fadeOut('fast', function() {
                        jQuery('#hasil_mata_pelajaran').html(html).fadeIn('slow');
                    });
                }
            });
        });
});
</script>

<?php else: echo 'Nilai Belum Tersedia'; ?>
<?php endif; ?>